<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>资讯</title>
    <link rel="stylesheet" href="../css/mui.min.css"/>
    <link rel="stylesheet" href="../css/mui_img.css"/>
    <link rel="stylesheet" href="../css/mui_popover.css"/>
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="../css/news.css"/>
    <link rel="stylesheet" href="../css/footer.css"/>
    <link rel="stylesheet" href="../css/community.css"/>
    <link rel="stylesheet" href="../css/slider_left.css"/>
    <style>

    </style>
</head>
<body>
<div id="content_layer">
    <!--侧滑部分-->
    <div id="left">
        <div class="header">
            <!--信息-->
            <!--<img src="../img/focus-img1.png" alt="" onclick="location.href='./head.html'"/>
            <div class="center">
                <em>七月的雪</em>
                <span onclick="location.href='./simple_abstruct.html'">待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑</span>
            </div>-->
        </div>
        <ul class="scroll">
            <li class="mui-table-view-cell">
                <a href="./my_purse.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;钱包</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./my_post.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;发布的帖子</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./my_market.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;市场中心</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./my_employ.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;应聘信息</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./seting.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;设置</a>
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
        </ul>
    </div>
    <div id="mask"></div>
    <div class="layer community_layer" id="layer">
        <header class="clearfix" id="topbar">
            <div class="img_box" id="show" >
                <!--头像-->
               <!-- <img src="../img/focus-img1.png" alt="" id="show"/>-->
            </div>
            <a href="community.html" class="relation "><span>校内交流</span></a>
            <a href="community_around.html" class="around active"><span>附近</span></a>
            <em class="friends" onclick="location.href='./my_friends.html'"></em>
        </header>
        <div class="news_list">
            <div class="news">
                <div class="top clearfix">
                    <img src="../img/focus-img1.png" alt=""/>
                    <div class="top_middle clearfix">
                        漂亮朋友
                    </div>
                    <div class="distance">0.2km</div>
                    <div class="time"> 今天 11.23</div>
                </div>
                <div class="center">
                    <div class="article">下周一有钢琴辅导有兴趣的同学快快报名,下周一有钢琴辅导有兴趣的同学快快报名下周一有钢琴辅导有兴趣的同学快快报名</div>
                   <div class="img_box">
                       <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1"/>
                   </div>
                    <div class="img_box">
                       <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1"/>
                   </div>

                </div>
                <div class="footer">
                    <ul class="clearfix">
                        <li>
                            浏览45次
                        </li>
                        <li  class="pay">
                            <a href="#middlePopover" class=" mui-btn mui-btn-primary mui-btn-block mui-btn-outlined">
                                <i></i>
                                <em>打赏</em>
                            </a>

                        </li>
                        <li class="heart">
                            <i></i>
                            <em>8</em>
                        </li>
                        <li class="comment">
                            <i></i>
                            <em>8</em>
                        </li>
                        <li class="submit">
                            <i></i>
                            <em>8</em>
                        </li>
                    </ul>
                </div>

            </div><div class="news">
            <div class="top clearfix">
                <img src="../img/focus-img1.png" alt=""/>
                <div class="top_middle clearfix">
                    漂亮朋友
                </div>
                <div class="time"> 今天 11.23</div>
                <div class="distance">0.2km</div>
            </div>
            <div class="center">
                <div class="article">下周一有钢琴辅导有兴趣的同学快快报名,下周一有钢琴辅导有兴趣的同学快快报名下周一有钢琴辅导有兴趣的同学快快报名</div>
                <div class="img_box">
                    <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1"/>
                </div>
                <div class="img_box">
                    <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1"/>
                </div>
            </div>
            <div class="footer">
                <ul class="clearfix">
                    <li>
                        浏览45次
                    </li>
                    <li  class="pay">
                        <a href="#middlePopover" class=" mui-btn mui-btn-primary mui-btn-block mui-btn-outlined">
                            <i></i>
                            <em>打赏</em>
                        </a>

                    </li>
                    <li class="heart">
                        <i></i>
                        <em>8</em>
                    </li>
                    <li class="comment">
                        <i></i>
                        <em>8</em>
                    </li>
                    <li class="submit">
                        <i></i>
                        <em>8</em>
                    </li>
                </ul>
            </div>

        </div>
            <!--打赏弹框-->
            <div id="middlePopover" class="mui-popover">
                <div class="mui-popover-arrow"></div>
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <p>请输入打赏金额</p>
                        <input type="text" placeholder="请输入打赏金额 "/><i class="money">￥</i>
                        <div class="pay_style">选择支付方式</div>
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell"><a href="#">账户余额</a>
                            </li>
                            <li class="mui-table-view-cell"><a href="#">支付宝</a>
                            </li>
                            <li class="mui-table-view-cell"><a href="#">微信支付</a>
                            </li>
                        </ul>
                        <div class="confirm">确定</div>
                    </div>
                </div>

            </div>
        </div>
        <footer>
            <ul class="clearfix">
                <li class="clearfix" onclick="location.href='./news.html'">
                    <i></i>
                    <em>资讯</em>
                </li>
                <li class="clearfix" onclick="location.href='./community.html'">
                    <i></i>
                    <em>社区</em>
                </li>
                <li class="clearfix" onclick="location.href='./publish.html'">
                    <i></i>

                </li>
                <li class="clearfix" onclick="location.href='./business.html'">
                    <i></i>
                    <em>交易</em>
                </li>
                <li class="clearfix" onclick="location.href='./work.html'">
                    <i></i>
                    <em>兼职</em>
                </li>
            </ul>
        </footer>

    </div>
</div>



</body>
<script src="../js/mui.min.js"></script>
<script src="../js/mui.preview.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/x_rem.js"></script>
<script src="../js/base.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/template-web.js"></script>
<script src="../js/left_slider.js"></script>
<script id="getPic" type="text/html">
    {{if message=="" || !message}}
    <img  src="../img/focus-img1.png">
    {{else}}
    <img  src="{{message}}" onerror="this.src='../img/focus-img1.png'" >
    {{/if}}
</script>
<script id="userInfo" type="text/html">
    {{if avatar==null}}
    <img src="../img/focus-img1.png" alt="" onclick="location.href='./head.html'"/>
    {{else}}
    <img src="{{avatar}}" alt=""  onerror="this.src='../img/focus-img1.png'" onclick="location.href='./head.html'"/>
    {{/if}}
    <div class="center">
        {{if userName==null }}
        <em>{{realName}}</em>
        {{else}}
        <em>{{userName}}</em>
        {{/if}}
        <span onclick="location.href='./simple_abstruct.html'">待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑</span>
    </div>
</script>
<script>
    $(function () {
        mui.previewImage();
// 监听tap事件，解决 a标签 不能跳转页面问题
        mui('body').on('tap','a',function(){document.location.href=this.href;});
        mui.init({
            swipeBack: true //启用右滑关闭功能
        });
        mui('.mui-scroll-wrapper').scroll();
        mui('body').on('shown', '.mui-popover', function(e) {
            //console.log('shown', e.detail.id);//detail为当前popover元素
        });
        mui('body').on('hidden', '.mui-popover', function(e) {
            //console.log('hidden', e.detail.id);//detail为当前popover元素
        });
        //获取 头像信息
        getAvatar($("#show"));

        //侧边导航栏的用户信息展示
        userInfo($(".header"));
    })

</script>
</html>